@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}button{padding:0;background:none;border:none;outline:none}.Information{padding-right:20px;text-align:right}.Information>h1{font-size:13px;color:#fff}.Information ol{display:flex;flex-direction:column}.Information ol>li{color:#dfdfdf}.Information ol>li:before{font-size:11px;margin-right:4px;color:#9a9a9a}.Information-DOP:before{content:"DOP "}.Information-Director:before{content:"Director "}.Information-DIT:before{content:"DIT "}.Options{display:flex;flex-direction:row;justify-content:flex-end}.Options button{width:24px;height:24px;cursor:pointer;color:#666}.Options button.selected{color:#fff}.Options button svg{width:16px;height:16px}.Options-Group:not(:first-of-type){margin-left:16px}.Summary{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;flex-wrap:wrap;background-color:#1a1a1a;color:#bdbdbd}@media screen and (max-width:768px){.Summary{padding:8px 16px}}@media screen and (min-width:768px){.Summary{padding:8px 20px}}.Summary ol{display:flex;flex-direction:row;flex:none;max-width:100%}.Summary ol>li{text-wrap:nowrap}.Summary ol>li:not(:last-of-type):after{margin:0 4px;content:"•"}.Summary-Conversion{text-wrap:wrap!important}.Summary-Notes{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:40px}@media screen and (max-width:768px){.Summary-Notes{display:none}}@media print{.Summary-Notes{display:none}}.Header{display:grid;background-color:#1a1a1a;z-index:9}@media screen and (max-width:768px){.Header{grid-template-columns:min-content 1fr;grid-template-areas:"logo header" "summary summary";padding-top:16px}}@media print,screen and (min-width:768px){.Header{grid-template-columns:min-content 1fr 1fr;grid-template-areas:"logo header info" "summary summary summary";row-gap:12px;padding-top:20px}}.Header>hgroup{grid-area:header;align-self:center}@media screen and (max-width:768px){.Header>hgroup{margin-left:16px}}@media screen and (min-width:768px){.Header>hgroup{margin-left:20px}}.Header>hgroup>h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:28px;font-weight:600}.Header>hgroup>h1,.Header>hgroup>h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.25}.Header>hgroup>h2{font-size:16px}.Header-Logo{width:auto;height:80px;grid-area:logo}@media screen and (max-width:768px){.Header-Logo{margin-left:16px}}@media screen and (min-width:768px){.Header-Logo{margin-left:20px}}.Header .Summary{grid-area:summary}@media screen and (max-width:768px){.Header .Summary{margin:8px 0 4px}}.Header .Information{grid-area:info}@media screen and (max-width:768px){.Header .Information{display:none}}@media screen and (max-width:768px){.Header .Options{align-self:flex-end;order:-1}}@media print,screen and (min-width:768px){.Header .Options{grid-area:options;align-self:end}}.Thumbnail{position:relative}.Thumbnail:after{display:block;padding-top:56.25%;content:""}.Thumbnail .Image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#060606;-webkit-print-color-adjust:exact}.Still{position:absolute}.Still .Image{width:100%;height:100%}@media screen and (max-width:768px){.Media{display:flex;flex-direction:column;padding:20px 16px 16px}}@media print,screen and (min-width:768px){.Media{display:grid;padding:20px;column-gap:20px;row-gap:10px;grid-template-columns:310px 1fr;grid-template-rows:min-content 1fr;grid-template-areas:"header stills" "metadata stills"}}@media print{.Media{break-inside:avoid}}.Media:nth-child(2n){background-color:#202224}.Media:nth-child(odd){background-color:#1a1a1a}.Media header{display:flex;flex-direction:column;grid-area:header}.Media a{text-decoration:none}.Media-Filename{font-size:14px;font-weight:500;color:#fff;word-break:break-word}.Media-CreatedAt{color:#aaa;line-height:1.3;font-size:11px}.Media-Metadata{color:#dfdfdf}@media screen and (max-width:768px){.Media-Metadata{margin-top:12px}}@media print,screen and (min-width:768px){.Media-Metadata{grid-area:metadata}}.Media-Metadata>ol{display:flex;flex-direction:row;flex-wrap:wrap;line-height:1.3;font-size:11px}.Media-Metadata>ol:nth-of-type(3),.Media-Metadata>ol:nth-of-type(4){margin-top:4px}.Media-Metadata>ol>li:not(:last-of-type):after{margin:0 2px;content:"•"}.Media-Metadata strong{font-weight:500;color:#fff}@media screen and (max-width:768px){.Media-Stills{display:flex;flex-direction:column}}@media print,screen and (min-width:768px){.Media-Stills{display:grid;row-gap:12px;column-gap:12px;grid-template-columns:repeat(3,1fr);grid-area:stills}}@media screen and (max-width:768px){.Media .Thumbnail{margin-top:16px}}@media print,screen and (min-width:768px){.Media .Thumbnail{align-self:start}}.Folder>header{position:sticky;top:0;backface-visibility:hidden;background-color:#2e3033;color:#bdbdbd;z-index:1}@media screen and (max-width:768px){.Folder>header{padding:8px 16px}}@media screen and (min-width:768px){.Folder>header{padding:8px 20px}}.Folder--stills{display:flex;flex-direction:column}@media screen and (min-width:768px){.Folder--noStills{display:grid;grid-template-columns:repeat(3,1fr)}}.Footer{padding:16px;text-align:center;color:#aaa}.App{margin:20px auto;width:100%;min-width:320px;min-height:calc(100vh - 40px);background-color:#1a1a1a}@media screen and (max-width:768px){.App{max-width:480px}}@media screen and (min-width:768px){.App{max-width:1220px}}body{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;text-rendering:optimizelegibility;font-size:12px;background-color:#000;line-height:1.5;color:#eee}